<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="../ResourceFile/favicon.ico" rel="shortcut icon">
    <link href="../ResourceFile/favicon.ico" rel="icon">
    <link href="../ResourceFile/favicon16x16.png" rel="icon " sizes="16x16">
    <link href="../ResourceFile/favicon32x32.png" rel="icon " sizes="32x32">
    <link href="../ResourceFile/android-chrome-192x192.png" rel="icon" sizes="192x192">
    <link href="../ResourceFile/android-chrome-512x512.png" rel="icon" sizes="512x512">
    <link href="../ResourceFile/touch-icon-iphone.png" rel="apple-touch-icon">
    <link href="../ResourceFile/touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
    <link href="../ResourceFile/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="114x114">
    <link href="../ResourceFile/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="144x144">
    <title>欢迎来到ThoughtWork实验室</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../CSS/fullpage.min.css">
    <link rel="stylesheet" href="../CSS/generalIntroduction.css">
    <link href='../CSS/animate.min.css' rel='stylesheet' type='text/css'>
    <script src="../JS/jquery.min.js"></script>
    <script src="../JS/fullpage.min.js"></script>
    <script src="../JS/generalIntroduction.js"></script>
    <!-- <script src="../JS/up.js"></script> -->
    <script>
        $(function() {
            $('#dowebok').fullpage({
                anchors: ['page1', 'page2'],
                menu: '#menu'
            });
        });
    </script>
    <link rel="stylesheet" href="../CSS/normal.css">

    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
</head>

<body>
    <!-- ---------------------------------------- -->
    <div id="headTable" class="table">
        <div id="backButton">
            <div class="actionButton">
                <img src="../ResourceFile/return.png" alt="">
            </div>
        </div>
        <div class="loginButton">
            <div class="actionButton">
                <p><a href="./Login.html">login</a></p>
            </div>
        </div>
    </div>
    <!-- ---------------------------------------- -->
    <div id="dowebok">
        <div class="section section1">
            <div class="container">
                <!-- <div class="login">
                        <a class="login_" href="./Login.html">登录</a>
                    </div> -->
                <h3 id="title_1">实验室介绍</h3>
                <div class="cow">
                    <div class="col-xs-12 col-sm-8 col-sm-push-2 col-md-8 col-md-push-2 col-lg-4 col-lg-push-1" id="card_1">

                        <div class="front">
                            <div class="inner">
                                <p>实验室的创立</p>
                            </div>
                        </div>
                        <div class="back">
                            <div class="inner">
                                <p>ThoughtWorks西邮联合创新实验室是ThoughtWorks公司联合西安邮电大学于2015年12月创立的一个以web为主要方向的实验室，位于东区逸夫教学楼FZ148，拥有舒适宽敞整洁的学习环境。
                                </p>
                            </div>
                        </div>

                    </div>
                    <div class="col-xs-12 col-sm-8 col-sm-push-2 col-md-8 col-md-push-2 col-lg-4 col-lg-push-3" id="card_2">

                        <div class="front">
                            <div class="inner">
                                <p>实验室的情况</p>
                            </div>
                        </div>
                        <div class="back">
                            <div class="inner">
                                <p>实验室有完备健全的培养方案，以“前端+后台”的学习为切入点，通过pair、任务卡、Code-Review等各种方式来培养实验室成员的学习习惯、学习兴趣、学习热情，成立五年以来向全国各地各大互联网公司输送了几十名人才。
                                </p>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
            <a href="#page2" id="section1_a"><span></span><span></span></a>
        </div>
        <div class="section section2" id="section22">
            <div class="container">
                <div class="cow">
                    <h3 id="title_2">推荐</h3>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_3">预备知识</p>
                        <div class="page_3">
                            <p class="animated fadeInRight"><strong>前端：</strong><br>&nbsp; &nbsp; &nbsp; &nbsp;C语言，计算机科学导论，一些基础的html和css知识
                                <br><br>
                                <strong>后台：</strong>
                                <br>&nbsp; &nbsp; &nbsp; &nbsp;C语言，计算机科学导论，算法基础，git基础
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_4">web编程软件</p>
                        <div class="page_4">
                            <p class="animated  fadeInRight" id="page4_p"> <strong>Sublime Text3</strong> <br>&nbsp; &nbsp;http://www.sublimetext.cn/3 （免费，界面简洁，新手推荐）
                                <br><br>
                                <strong>Visual Studio Code</strong> <br> &nbsp; &nbsp;https://code.visualstudio.com/ （免费，插件多，文件格式多）
                                <br><br>
                                <strong>WebStrom</strong><br> &nbsp; &nbsp;https://www.jetbrains.com/zh-cn/webstorm/（付费，功能全面）
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_5">学习网站</p>
                        <div class="page_5">
                            <p class="animated  fadeInRight"><strong>W3school</strong> <br> &nbsp; &nbsp;https://www.w3school.com.cn/
                                <br><br>
                                <strong>菜鸟教程</strong> <br> &nbsp; &nbsp;https://www.runoob.com/
                                <br><br>
                                <strong>MDN Web文档</strong> <br> &nbsp; &nbsp;https://developer.mozilla.org/zh-CN/
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    </div>
    <script src="../JS/normal.js"></script>

</body>

</html>